<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.css">
  <script src="../bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>

<body>
  <div class="container-fluid mt-3">
    <h2 align="center">嵌套列</h2>
  </div>
  <div class="container-fluid">
    <div class="row">
      <div class="col-8 bg-warning p-4">
        <h2 align="center">古诗两首</h2>
        <div class="row">
          <div class="col-6 bg-light p-2">
            <img src="images/b.jpg">
            <p>秋风清，秋月明，</p>
            <p>落叶聚还散，寒鸦栖复惊，</p>
            <p>相思相见知何日，此时此夜难为情。</p>
          </div>
          <div class="col-6 bg-light p-2"><img src="images/c.jpg">
            <p>风急天高猿啸哀，渚清沙白鸟飞回。</p>
            <p>无边落木萧萧下，不尽长江滚滚来。</p>
            <p>万里悲秋常作客，百年多病独登台。</p>
            <p>艰难苦恨繁霜鬓，潦倒新停浊酒杯。</p>
          </div>
        </div>
      </div>
      <div class="col-4 bg-success p-4">
        <h3>好雨知时节，当春乃发生。</h3>
        <h3>随风潜入夜，润物细无声。</h3>
        <h3>野径云俱黑，江船火独明。</h3>
        <h3>晓看红湿处，花重锦官城。</h3>
      </div>
    </div>
  </div>
</body>

</html>